/**
 * Qilin-App的全局通用样式封装
 * @author Qilin
 * @CreateDate 2024-08-22
 * @lastUpdateDate 2024-12-02
 */
@import "./base.scss";

/*
	文本字体样式类
*/
// 主题样式文本
.qilin-text-primary{
    color:var(--qilin-color-primary) !important;
}
// 普通样式文本
.qilin-text-info{
    color:var(--qilin-color-info) !important;
}
// 成功样式文本
.qilin-text-success{
    color:var(--qilin-color-success) !important;
}
// 警告样式文本
.qilin-text-warning{
    color:var(--qilin-color-warning) !important;
}
// 错误样式文本
.qilin-text-error{
    color:var(--qilin-color-error) !important;
}
// 辅助样式文本
.qilin-text-support{
	color:var(--qilin-text-color-support) !important;
}
// 主题样式背景色
.qilin-bg-primary{
    background-color:var(--qilin-color-primary-shadow) !important;
    color:var(--qilin-color-primary) !important;
}
// 普通样式背景色
.qilin-bg-info{
    background-color:var(--qilin-color-info-shadow) !important;
    color:var(--qilin-color-info) !important;
}
// 成功样式背景色
.qilin-bg-success{
    background-color:var(--qilin-color-success-shadow) !important;
    color:var(--qilin-color-success) !important;
}
// 警告样式背景色
.qilin-bg-warning{
    background-color:var(--qilin-color-warning-shadow) !important;
    color:var(--qilin-color-warning) !important;
}
// 错误样式背景色
.qilin-bg-error{
    background-color:var(--qilin-color-error-shadow) !important;
    color:var(--qilin-color-error) !important;
}

// 字体加粗等样式
.qilin-text-bolder{
    font-weight:bolder !important;
}
.qilin-text-normal{
    font-weight:normal !important;
}
.qilin-text-lighter{
    font-weight:lighter !important;
}

// 字体大小样式类
.qilin-text-mini{
	font-size:$mini-text-size !important;
}
.qilin-text-small{
	font-size:$small-text-size !important;
}
.qilin-text-default{
	font-size:$default-text-size !important;
}
.qilin-text-medium{
	font-size:$medium-text-size !important;
}
.qilin-text-large{
	font-size:$large-text-size !important;
}

// 圆角样式类
.qilin-radius-default{
    border-radius:$border-radius-box !important;
}
.qilin-radius-card{
    border-radius:$border-radius-card !important;
}
.qilin-radius-elliptic{ //椭圆
    border-radius:$border-radius-elliptic !important;
}
.qilin-radius-circle{ //圆形
    border-radius:$border-radius-circle !important;
}

// 边框样式类
.qilin-border-default{
	border:1upx solid var(--qilin-border-color); 
}

// 定位样式类
.qilin-position-relative{
	position:relative !important;
}
.qilin-position-absolute{
	position:absolute !important;
}
.qilin-position-static{
	position:static !important;
}
.qilin-position-fixed{
	position:fixed !important;
}

// 45deg线性渐变背景样式类
.qilin-bg-gradual-red {
	background-image: linear-gradient(45deg, #f43f3b, #ec008c);
	color: #ffffff;
}
.qilin-bg-gradual-orange {
	background-image: linear-gradient(45deg, #ff9700, #ed1c24);
	color: #ffffff;
}
.qilin-bg-gradual-green {
	background-image: linear-gradient(45deg, #39b54a, #8dc63f);
	color: #ffffff;
}
.qilin-bg-gradual-purple {
	background-image: linear-gradient(45deg, #9000ff, #5e00ff);
	color: #ffffff;
}
.qilin-bg-gradual-pink {
	background-image: linear-gradient(45deg, #ec008c, #6739b6);
	color: #ffffff;
}
.qilin-bg-gradual-blue {
	background-image: linear-gradient(45deg, #0081ff, #1cbbb4);
	color: #ffffff;
}